@import "../../../../assets/css/function.scss";
.match_f {
  width: px2rem(652px);
  background: white;
  .look{
    border-top: 1px dashed #f0f0f0;
    padding-top: px2rem(34px);
    padding-bottom: px2rem(34px);
    margin-left: px2rem(20px);
    color: #787878;
    font-size: px2rem(24px);
    p{
      width: px2rem(190px);
      height: px2rem(59px);
      border: 1px solid #f0f0f0;
      line-height: px2rem(59px);
      text-align: center;
      margin: px2rem(24px) 0 px2rem(32px);
    }
    p.lookactive{
      color: white !important;
      background: #e85504;
    }
  }
  .ft_title {
    text-align: center;
    font-size: px2rem(30px);
    height: px2rem(100px);
    line-height: px2rem(100px);
  }
  .ft_selected {
    margin: 0 px2rem(20px) px2rem(20px);
    width: px2rem(612px);
    display: flex;
    border: 1px solid #f0f0f0;
    li {
      flex: 1;
      height: px2rem(60px);
      text-align: center;
      line-height: px2rem(60px);
      font-size: px2rem(24px);
      color: #787878;
      background: url("../../../../assets/img/freebuy_img/line3.png") no-repeat
        right center;
      background-size: 1px px2rem(40px);
    }
  }
  .matchTeam {
    width: px2rem(612px);
    margin: 0 auto;
    overflow: auto;
    height: px2rem(400px);
    -webkit-overflow-scrolling: touch!important;
    .nullStatus{
      display: flex;
      justify-content: center;
      margin-top: px2rem(180px);
    }
    li {
      width: px2rem(192px);
      height: px2rem(60px);
      border: 1px solid #f0f0f0;
      box-sizing: border-box;
      text-align: center;
      line-height: px2rem(60px);
      margin-bottom: px2rem(20px);
      float: left;
      margin-right: px2rem(18px);
      color: #505050;
      font-size: px2rem(26px);
    }
    li:nth-child(3n) {
      margin-right: 0;
    }
    .filterActive{
        color: white!important;
        background: #e85504;
    }
  }
  .confim_btn {
    display: flex;
    border-top: 1px solid #f0f0f0;
    p {
      flex: 1;
      height: px2rem(72px);
      border-right: 1px solid #f0f0f0;
      box-sizing: border-box;
      text-align: center;
      line-height: px2rem(72px);
      font-size: px2rem(26px);
      color: #e85504;
    }
    p:last-of-type {
      border: none;
      color: #505050;
    }
  }
}